{extend name="common/base" /}

    {block name="main"}
    <div class="layui-layout-body">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <div class="layui-logo">
                    <img src="__ADMIN__/images/logo.png" width="186" />
                </div>
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" dins-refresh class="refreshThis" id="dins-refresh" title="刷新" style="margin-top: 3px;">
                            <i class="layui-icon layui-icon-refresh-3"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" dins-del-cache id="dins-del-cache" title="清理缓存" style="margin-top: 2px;">
                            <i class="layui-icon layui-icon-fonts-clear"></i>
                        </a>
                    </li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;" dins-logout title="退出登录">
                            <img src="" class="layui-nav-img" onerror="" />
                        </a>
                    </li>
                </ul>

            </div>

            <div class="layui-side dins-bg-gray">
                <div class="dins-menulist">
                    <div class="dins-menulist-1">
                        {foreach name="menu" item="a"}
                        <div class="dins-menulist-2"><i class="iconfont {$a.icon}"></i> {$a.title}</div>
                        {notempty name="$a.list"}
                        <div class="dins-menulist-3">
                            <ul>
                                {foreach name="$a.list" item="b"}
                                {empty name="$b.list"}
                                <li data-id="{$b.id}" data-title="{$b.title}" data-src="{:url($b.src)}"
                                    class="site-menu-active"><span>{$b.title}</span></li>
                                {else /}
                                <li class="dins-menulist-2">{$b.title}<i class="layui-icon layui-icon-triangle-r"></i></li>
                                <div class="dins-menulist-3 tab-menulist-4">
                                    <ul>
                                        {foreach name="$b.list" item="c"}
                                        {empty name="$c.list"}
                                        <li data-id="{$c.id}" data-title="{$c.title}" data-src="{:url($c.src)}"
                                            class="site-menu-active"><span>{$c.title}</span></li>
                                        {else /}
                                        <li class="dins-menulist-2">{$c.title}<i
                                                class="layui-icon layui-icon-triangle-r"></i></li>
                                        <div class="dins-menulist-3 tab-menulist-5">
                                            <ul>
                                                {foreach name="$c.list" item="d"}
                                                <li data-id="{$d.id}" data-title="{$d.title}" data-src="{:url($d.src)}"
                                                    class="site-menu-active"><span>{$d.title}</span></li>
                                                {/foreach}
                                            </ul>
                                        </div>
                                        {/empty}
                                        {/foreach}
                                    </ul>
                                </div>
                                {/empty}
                                {/foreach}
                            </ul>
                        </div>
                        {/notempty}
                        {/foreach}
                    </div>
                </div>
            </div>
            <!-- 页面右侧内容 start -->
            <div class="layui-body">
                <div class="layui-tab layui-tab-brief dins-admin-tab" lay-filter="dins-admin-tab" lay-unauto="" lay-allowClose="true" style="height: 100%;">
                    <ul class="layui-tab-title">
                        <li class="layui-this dins-tab-home" lay-id="0">首页</li>
                    </ul>
                    <div class="layui-icon layui-icon-prev" id="left_button" title="向左滚动菜单"></div>
                    <div class="layui-icon layui-icon-next" id="right_button" title="向右滚动菜单"></div>
                    <div class="layui-tab-content" style="height: 100%;">
                        <div class="layui-tab-item layui-show">
                            <iframe id="0" data-frameid="0" name="myiframe" src="{:url('/admin/main')}"
                                frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面右侧内容 end -->
        </div>
    </div>
    {/block}


   {block name="script"}
    <script>

        layui.config({
            base: "__ADMIN__/js/module/",
            version: "20211106"
        }).extend(['admin'])
        .use(['admin'], function () {

        });

        // layui.use(['layer', 'form'], function() {
        //     var layer = layui.layer, form = layui.form;
        //     layer.msg('Hello World');
        // });

    </script>
    {/block}